<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>主页</title>
    <style>
        .nav{
            height: 40px;


        }

        .content{
            height: 500px;
            margin-top: 300px;
        }
    </style>
</head>
<body style="background: url({{ url_for('static',filename='bg.jpg') }}")>
<div class="nav">
    <div style="height: 40px;width: 400px;line-height: 40px;margin-left:80%">
       <div style="width:100px;height: 40px;float: left">个人GITEE</div>
       <div style="width:220px;height: 40px;float: left;">
           <a href="https://gitee.com/zhangbingli/interactive-data-visualization/tree/master/%E6%9C%9F%E6%9C%AB%E9%A1%B9%E7%9B%AE" style="height: 30px;margin-top:5px;border-radius:5px;text-align:center;display: block;text-decoration:none;font-weight:bold;color:white;line-height: 30px;background: deepskyblue;">Gitee交互式数据可视化仓库</a>
       </div>
    </div>

</div>
<div class="content">
     <div style="font-weight: bold;font-size: 45px;margin: 10px auto;text-align: center;color: white">交互式数据可视化项目</div>
{#     <div style="font-weight: bold;font-size: 25px;color:deepskyblue">基于招聘网站数据分析岗位数据集</div>#}
     <div style="font-size: 25px;text-align: center;color: white">该项目选取了2022年智联招聘网上数据分析岗位的招聘信息，分析该岗位在各地的薪资情况以及对于不同学历、工作经验的人公司的需求如何，为即将实习或者工作的人提供更为直观的了解市场行情的可视化图表，希望能给予一点帮助。</div>
    <div style="text-align: center;color: white;margin-left: 45%">
        <a  href="{{url_for('index')}}" style="font-size: 15px;height: 30px;width:150px;margin-top:5px;border-radius:5px;text-align:center;display: block;text-decoration:none;font-weight:bold;color:white;line-height: 30px;border: 1px solid whitesmoke">数据可视化展示</a>

    </div>
</div>

</body>
</html>